<!-- START SIDEBAR -->
<div id="sidebar">

    <!-- start searchbox -->
    <div id="searchbox">
        <div class="in">
            <form id="form1" name="form1" method="post" action="">
                <input name="textfield" type="text" class="input" id="textfield" onfocus="$(this).attr('class','input-hover')" onblur="$(this).attr('class','input')"  />
            </form>
        </div>
    </div>
    <!-- end searchbox -->

    <!-- start sidemenu -->
    <div id="sidemenu">
        <ul>
            <li class="<?php echo $menu_config[1] ?>"><a href="<?php echo site_url('home') ?>"><img src="<?php echo base_url(); ?>img/icons/sidemenu/laptop.png" width="16" height="16" alt="icon"/>Dashboard</a></li>
            <li class="<?php echo $menu_config[2] ?>"><a  href="<?php echo site_url('userpermission') ?>"><img src="<?php echo base_url(); ?>img/icons/sidemenu/lock.png" width="16" height="16" alt="icon"/>Permistion</a></li>
            <li class="<?php echo $menu_config[3] ?>"><a href="<?php echo site_url('configs') ?>"><img src="<?php echo base_url(); ?>img/icons/sidemenu/attach.png" width="16" height="16" alt="icon"/>Configs</a></li>
            <li><a href="form-elements.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/copy.png" width="16" height="16" alt="icon"/>Form Elements</a></li>
            <li><a href="table-chart.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/user.png" width="16" height="16" alt="icon"/>Table &amp; Chart</a></li>
            <li><a href="typography.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/file_edit.png" width="16" height="16" alt="icon"/>Typography	</a></li>
            <li><a href="gallery.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/image.png" width="16" height="16" alt="icon"/>Gallery &amp; Media 	<span class="ballon">9</span>	</a></li>
            <li><a href="widgets.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/star.png" width="16" height="16" alt="icon"/>Widgets</a></li>

            <!-- start submenu with icon -->
            <li class="subtitle">
                <a class="action tips-right" href="#" title="Submenu with icon"><img src="<?php echo base_url(); ?>img/icons/sidemenu/mail.png" width="16" height="16" alt="icon"/>Submenu<img src="<?php echo base_url(); ?>img/arrow-down.png" width="7" height="4" alt="arrow" class="arrow" /></a>
                <ul class="submenu">
                    <li><a href="#"><img src="<?php echo base_url(); ?>img/icons/sidemenu/magnify.png" width="16" height="16" alt="icon"/>Search File</a></li>
                    <li><a href="#"><img src="<?php echo base_url(); ?>img/icons/sidemenu/print.png" width="16" height="16" alt="icon"/>New Files	<span class="ballon">693</span>	</a></li>
                    <li><a href="#"><img src="<?php echo base_url(); ?>img/icons/sidemenu/trash.png" width="16" height="16" alt="icon"/>Others	<span class="ballon">4</span>	</a></li>
                </ul>
            </li>
            <!-- end submenu with icon -->

            <li><a href="error-pages.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/comment.png" width="16" height="16" alt="icon"/>Error Pages</a></li>
            <li><a href="buttons-icons.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/arrow_down.png" width="16" height="16" alt="icon"/>Button &amp; Icons</a></li>
            <li><a href="grid-styles.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/file.png" width="16" height="16" alt="icon"/>Grid Styles	<span class="ballon">67</span>	</a></li>
            
            <li><a href="calendar.html"><img src="<?php echo base_url(); ?>img/icons/sidemenu/calendar.png" width="16" height="16" alt="icon"/>Calendar</a></li>

            <!-- start submenu without icon -->
            <li class="subtitle">
                <a class="action" href="#"><img src="<?php echo base_url(); ?>img/icons/sidemenu/download.png" width="16" height="16" alt="icon"/>Submenu Text<img src="<?php echo base_url(); ?>img/arrow-down.png" width="7" height="4" alt="arrow" class="arrow" /> </a>
                <ul class="submenu">
                    <li><a href="#">Search File</a></li>
                    <li><a href="#">New Files	<span class="ballon">693</span>	</a></li>
                    <li><a href="#">Others	<span class="ballon">4</span>	</a></li>
                </ul>
            </li>
            <!-- end submenu without icon -->

        </ul>
    </div>
    <!-- end sidemenu -->

</div>
<!-- END SIDEBAR -->